/* Copyright 2009 SyntaxMonster. All rights reserved. */

/* Structure */
body { background: #eee; color: #444; }
a { color: #223F88; }
.logo { background: url('images/logo.png') no-repeat; width: 465px; height: 119px; text-indent: -5000px; }
.header { margin-top: 15px; margin-bottom: 10px; }
.logout { float: right; }
#container {width: 100%;margin: 10px auto;line-height: 130%;}

#top {padding: .5em;}

#top h1 { padding: 0; margin: 0; }

#leftnav { float: left; width: 160px; margin: 0; padding:0; background: #444 url('images/sidebar.png') repeat-y top right; padding-top: 130px; color: #eee; }
#leftnav ul { list-style: none; }
#leftnav ul li > *, #leftnav ul li a { color: #eee; }
#leftnav .bottom { border-bottom: 1px solid #fff; margin-right: 9px; }

#main { margin-left: 200px; padding: 1em; }
.content { margin-left: 50px; }
.content h2, .content h3 { margin: 0 0 .5em 0; padding-top: 15px; }


#leftnav p { margin: 0 0 1em 0; }


/* Tables */

table.hidden-table { margin: 0px; } 
table.hidden-table th { background: none; border: none; }
table.hidden-table tr { border: none; }
table.hidden-table td { border: none; }

table { margin: 0px; }
th { font-weight: bold; background: #cfcfcf; border-right: 1px dotted #444; margin: 0; padding: 0 5px; }
tr{ border-bottom: 1px dotted #444; }
td { border-right: 1px dotted #444; margin: 0; padding: 0 5px; }

tr:last-child, th:last-child, td:last-child { border: none; }

/* Objects */
span.button { background: #00c9d6; padding:2px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-right: 5px; }
span.button a { color: #fff; text-shadow:0 1px 0 #444 }
span.option a { color: #223F88; text-shadow: 0 0 5px #fff;  }

/* Content Dialogs */
.dialog-container { width: 100%; }
.dialog-container .dialog, .dialog-container .dialog-tab { width: 45%; margin-left: 0; }
.dialog, .dialog-tab { margin: 10px; width: auto; float: left; max-width: 1024px;  }
.dialog-container { max-width: 1024px; }
.dialog .top, .dialog-tab .top { border-top: 1px solid #fff; padding: 4px 10px; margin-left: -1px; margin-right: -1px; }
.dialog .heading, .dialog-tab .heading { text-shadow:0 1px 0 #eee; border: 1px solid #444; margin: 0; font-size: 1.1em; background: #b6b6b6; border-bottom: none; }
.dialog .heading, .dialog .top { -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; }
.dialog .dialogcontent, .dialog-tab .dialogcontent { border: 1px solid #444; background: #e7e7e7;}

.dialog .dialogcontent p, .dialog .dialogcontent form, .dialog-tab .dialogcontent p, dialog-tab .dialogcontent form { padding: 4px 10px 4px 10px; }

.dialog-tab .dialogcontent {  background: #fff;}
.dialog-tab .top { margin: 0; margin-left: -1px; margin-right: -1px; }
.dialog-tab .heading, .dialog-tab .top { -moz-border-radius: 15px 15px 0 0; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0; }
.dialog-tab .heading { margin: 0 0 -3px; }

.dialog-tab .heading ul li { display: inline; list-style: none;
						  background: #808080; color: #eee; border: 1px solid #444;
						  padding: 1px 2px; margin:0; cursor: pointer; text-decoration: none;}
.dialog-tab .heading ul li.selected {  display: inline; list-style: none;
									background: #fff; color: #444; border: 1px solid #444; border-bottom: 1px solid #fff;
									padding: 1px 2px; margin:0; }
.dialog-tab .heading ul li a { text-decoration: none; border: none; color: #eee; }
.dialog-tab .heading ul li.selected a { text-decoration: none; border: none; color: #444; }



/* Info Dialogs */

.warning, .error, .success, .notice {  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 5px; }
.warning .top, .error .top, .success .top, .notice .top { border-top: 1px solid #fff; margin-right: 3px; margin-left: 3px; }
.warning p, .error p, .success p, .notice p  { padding: 2px; margin: 0; }


.warning { background: #fcfcd9; border: 1px solid #ffdba8;  }
.error { background: #fcded9; border: 1px solid #ffb6a8;  }
.success { background: #e7fcd9; border: 1px solid #a8ffb4;  }
.notice { background: #d9fbfc; border: 1px solid #a8cfff;  }

.warning .close, .error .close, .success .close, .notice .close { float: right; cursor: pointer; margin-right: 5px; }

/* footer */

.footer { clear: both; margin: 0; padding: .5em; color: #444; text-align: center; font-style: italic; }
.footer a { color: #444; }

/* Generic Floats */
.floatleft { float: left; }
.floatright { float: right; }
.center { margin: 0 auto;}
.maximize { width: 100%; }

/* Generic attributes */
.border-bottom { border-bottom: 1px dotted #eee; }

/* Overlay */

/* the overlayed element */
div.overlay {background-image:url(http://static.flowplayer.org/tools/img/overlay/white.png);width:600px;height:470px;display:none;padding:55px;}
/* default close button positioned on upper right corner */
div.overlay div.close {background-image:url(http://static.flowplayer.org/tools/img/overlay/close.png);position:absolute;right:10px;top:10px;cursor:pointer;height:35px;width:35px;}
/* black */
div.overlay.black {background:url(../img/overlay/transparent.png) no-repeat !important;color:#fff;}
/* petrol */
div.overlay.petrol {background:url(../img/overlay/petrol.png) no-repeat !important;color:#fff;}
div.black h2, div.petrol h2 {color:#ddd;}


/* Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}



